.HydrogenFlowDiagram{height:100%;width:100%;background:#fff;padding-top:70px}.HydrogenFlowDiagram .container{width:1200px;margin:0 auto}.HydrogenFlowDiagram .domestic .domestic-title-years{text-align:center;margin:30px 0}.HydrogenFlowDiagram .domestic .domestic-title-years .domestic-title{font-size:30px;font-weight:700;color:#333}.HydrogenFlowDiagram .domestic .domestic-title-years .domestic-years{margin-top:20px}.HydrogenFlowDiagram .domestic .domestic-title-years .el-button--primary{cursor:auto}.HydrogenFlowDiagram .domestic .domestic-title-years .el-button--primary i{cursor:pointer}.HydrogenFlowDiagram .domestic .domestic-title-years .el-button--primary i.disabled{cursor:no-drop;color:#9e9e9e}.HydrogenFlowDiagram .domestic .domestic-title-years .el-button--primary:focus,.HydrogenFlowDiagram .domestic .domestic-title-years .el-button--primary:hover{color:#fff;background-color:#3f7bdb;border-color:#3f7bdb}.HydrogenFlowDiagram .domestic .statistical{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#666}.HydrogenFlowDiagram .domestic .statistical .item{min-height:200px;width:280px;background:#f9f9f9;-webkit-box-shadow:1px 1px 4px 0 rgba(95,104,133,.25);box-shadow:1px 1px 4px 0 rgba(95,104,133,.25);border-radius:2px;text-align:center;padding:20px}.HydrogenFlowDiagram .domestic .statistical .item i{font-size:80px;color:#3f7bdb;display:block}.HydrogenFlowDiagram .domestic .statistical .item span{display:block}.HydrogenFlowDiagram .domestic .statistical .item span:nth-child(2){font-size:40px;font-weight:700;color:#333}.HydrogenFlowDiagram .domestic .statistical .item span:last-child{margin-top:8px;font-size:16px;color:#666}.HydrogenFlowDiagram .foreign{background:#f9f9f9;padding-bottom:30px;margin-top:30px}.HydrogenFlowDiagram .foreign .domestic-title{text-align:center;font-size:30px;font-weight:700;color:#333;padding-top:40px}.HydrogenFlowDiagram .hyproduction{padding:30px 0}.HydrogenFlowDiagram .hyproduction .domestic-title{font-size:30px;font-weight:700;color:#333;text-align:center}.HydrogenFlowDiagram .hyproduction .hyproductionChart{height:500px;width:1200px}.HydrogenFlowDiagram .hytransport{background:#f9f9f9;padding:30px 0}.HydrogenFlowDiagram .hytransport .domestic-title{font-size:30px;font-weight:700;color:#333;text-align:center;padding:20px 0}.HydrogenFlowDiagram .hytransport .hytransport-items{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.HydrogenFlowDiagram .hytransport .hytransport-items .hytransport-item{width:580px;height:500px;background:#fff;-webkit-box-shadow:1px 1px 4px 0 rgba(95,104,133,.25);box-shadow:1px 1px 4px 0 rgba(95,104,133,.25);border-radius:2px}.HydrogenFlowDiagram .hytransport .hytransport-items .hytransport-item:first-child{margin-right:40px}.HydrogenFlowDiagram .hytransport .hytransport-items .hytransport-item .hytransportChart{width:100%;height:100%}.HydrogenFlowDiagram .hyconsumption{margin-top:30px}.HydrogenFlowDiagram .hyconsumption .domestic-title{font-size:30px;font-weight:700;color:#333;text-align:center;padding:20px 0}.HydrogenFlowDiagram .hyconsumption .hyconsumptionChart{height:500px;width:1200px}.HydrogenFlowDiagram .sankey{height:400px;width:1200px;margin:30px auto;border:1px solid #e5e5e5;border-radius:2px}.HydrogenFlowDiagram .no-data{height:700px;color:#909399;font-size:30px;padding-top:80px;text-align:center}